<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="theme-color" content="#3367D6"/>
  <link rel="apple-touch-icon" href="/icons-192.png">
  <link rel="manifest" href="/manifest.json">
  
  <meta name="generator" content="Hexo 6.0.0">

  
    <meta name="description" content="这是描述">
  

  

  
    <meta name="author" content="mosishall">
  

  

  

  <title>使用GitHub+Hexo搭建个人博客网站 | MosiShall&#39;s Blog</title>

  

  
    <link rel="shortcut icon" href="/blog/favicon.ico">
  

  
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typeface-source-code-pro@1.1.3/index.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/monokai.css">
  

  
<link rel="stylesheet" href="/blog/css/style.css">

</head>
<body>
  <div class="root-container">
    
<!-- header container -->
<header class="header-container post">
  
    <div class="post-image" style="background-image: url(https://qiniu.sukoshi.xyz/src/images/68686407_p0.jpg)"></div>
  

  <!-- navbar -->
<nav class="navbar">
  <div class="navbar-content">
    <!-- logo -->
    <div class="navbar-logo">
      <a href="/blog/">
        
          MosiShall&#39;s Blog
        
      </a>
    </div>
    <!-- link -->
    <div class="navbar-link">
      <div class="navbar-btn">
        <div></div>
        <div></div>
        <div></div>
      </div>
      <ul class="navbar-list">
        
          <li class="navbar-list-item"><a href="/blog/">首页</a></li>
        
          <li class="navbar-list-item"><a href="/blog/links">友链</a></li>
        
          <li class="navbar-list-item"><a href="/blog/about">关于</a></li>
        
      </ul>
    </div>
  </div>
</nav>

  
  

  
  

  
  

  
  

  
  
    <div class="header-content">
      <div class="post-text layout-block">
        <div class="layout-margin">
          <h1 class="title-wrap">使用GitHub+Hexo搭建个人博客网站</h1>
          <h2 class="title-sub-wrap">
            <strong>mosishall</strong>
            <span>发布于</span>
            <time  class="article-date" datetime="2019-03-27T11:50:14.000Z" itemprop="datePublished">2019-03-27</time>
          </h2>
          <ul class="wrap-list dark">
  
    <li><a href="/blog/categories/%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/">📒 搭建博客</a></li>
  
</ul>
          <ul class="wrap-list dark">
  
    <li><a href="/blog/tags/Hexo/">🏷️ Hexo</a></li>
  
    <li><a href="/blog/tags/GitHub/">🏷️ GitHub</a></li>
  
</ul>
        </div>
      </div>
    </div>
  

  
  
  
</header>

    <!-- 文章 -->

<!-- 文章内容 -->
<div class="body-container">
  <article class="content-container layout-block post-container">
    <div class="article-info">
      
      
      
      
      <section class="article-entry markdown-body layout-margin content-padding--large soft-size--large soft-style--box">
        <hr>
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><div class="note info"><p>问题点一：什么是GitHub，并且又是用来做什么的？<br>问题点二：如何运用Github？</p></div>

<div class="note success"><p>解答：GitHub是一个代码托管平台，你也可以理解为你朋友的“公网服务器站点”，既意已经为托管，就是说，可以把你的东西交给它，让它来帮你运行。它可以实现远程的多人在线管理，例如公司一个项目，需要多人编辑它时，就不需要在考虑Microsoft办公版本号所可能带来的问题。它同样也是一个交流学习的平台，你可以浏览其他人的项目仓库，查看源代码，问题追踪，简单来说就是“同性交友平台”，当然这只是它的戏称。如果以上的功能你可能都不会用到，那么它依然可以渗透到你的生活，当然这需要你自己去发掘它的价值。<br>Your are what you think.</p></div>

<hr>
<h2 id="申请创建GitHub账户，并新建仓库"><a href="#申请创建GitHub账户，并新建仓库" class="headerlink" title="申请创建GitHub账户，并新建仓库"></a>申请创建GitHub账户，并新建仓库</h2><ol>
<li><p><a target="_blank" rel="noopener" href="https://github.com/join">注册传送门</a> [STEP 2 or 3 根据自己实际情况填写就行]<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/1.jpg"></p>
</li>
<li><p>申请完成之后需要邮箱验证。</p>
</li>
<li><p>登入自己的GitHub账户,进入仓库面板。 <a target="_blank" rel="noopener" href="https://github.com/">传送门</a><br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/2.jpg"></p>
</li>
<li><p>新建仓库，并进行配置。<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/3.jpg"></p>
</li>
<li><p>配置仓库页<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/4.jpg"><br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/5.jpg"></p>
</li>
</ol>
<hr>
<h2 id="下载需要使用的环境"><a href="#下载需要使用的环境" class="headerlink" title="下载需要使用的环境"></a>下载需要使用的环境</h2><h3 id="Git"><a href="#Git" class="headerlink" title="Git"></a>Git</h3><ol>
<li>Git 分布式版本控制系统，用来和github进行互联，可以使用linux 命令。<a target="_blank" rel="noopener" href="https://baike.baidu.com/item/GIT/12647237?fr=aladdin2">百度介绍</a><br><a target="_blank" rel="noopener" href="https://www.git-scm.com/download/">Git下载链接</a></li>
</ol>
<h3 id="Node-js"><a href="#Node-js" class="headerlink" title="Node.js"></a>Node.js</h3><ol start="2">
<li>Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 <a target="_blank" rel="noopener" href="https://baike.baidu.com/item/node.js/7567977?fromtitle=nodejs&fromid=11244313&fr=aladdin">百度介绍</a><br><a target="_blank" rel="noopener" href="https://baike.baidu.com/item/node.js/7567977?fromtitle=nodejs&fromid=11244313&fr=aladdin">Node.js下载链接</a></li>
</ol>
<h2 id="使用Hexo框架"><a href="#使用Hexo框架" class="headerlink" title="使用Hexo框架"></a>使用Hexo框架</h2><p><a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/">Hexo文档链接</a></p>
<ol>
<li>在你的博客项目文件下启用git 命令框</li>
<li>使用以下命令进行配置 (请依次进行配置)<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">npm install hexo-cli -g  //安装hexo命令</span><br></pre></td></tr></table></figure></li>
</ol>
<blockquote>
<p>安装完成后查看版本号以进行确认。<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/6.jpg"></p>
</blockquote>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">hexo init blog         //初始化博客</span><br><span class="line">cd blog                //进入博客目录</span><br></pre></td></tr></table></figure>
<blockquote>
<p>查看是否初始化成功<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/7.jpg"></p>
</blockquote>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">npm install				//安装npm</span><br><span class="line">hexo server				//启用服务器</span><br></pre></td></tr></table></figure>
<blockquote>
<p>npm 报错<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/8.jpg"></p>
</blockquote>
<ol start="3">
<li>进行本地测试，如若出现以下结果，则本地测试成功</li>
</ol>
<p><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/9.jpg"></p>
<ol start="4">
<li><p>hexo命令 的一些其他简单用法<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/10.jpg"></p>
</li>
<li><p>生成静态配置文件，建议在生成之前先hexo clean 清空缓存，缓存很重要的qwq。<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/11.jpg"></p>
</li>
<li><p>配置站点路径和简单模板内容</p>
</li>
</ol>
<ul>
<li>打开站点配置文件<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/12.jpg"></li>
</ul>
<ul>
<li>复制站点url路径<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/13.jpg"></li>
</ul>
<ul>
<li>修改config.yml<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/14.jpg"></li>
</ul>
<ul>
<li>复制项目仓库地址<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/15.jpg"></li>
</ul>
<ul>
<li>配置类型、repo源和分支<br><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/16.jpg"></li>
</ul>
<ol start="7">
<li>将项目部署到github<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br></pre></td><td class="code"><pre><span class="line">hexo d </span><br><span class="line">报错解决命令：</span><br><span class="line">npm install hexo-deployer-git --save</span><br></pre></td></tr></table></figure></li>
</ol>
<p><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/17.jpg"></p>
<ol start="8">
<li>查看自己的项目仓库是否上传成功。</li>
</ol>
<p><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/18.jpg"></p>
<ol start="9">
<li>公网地址访问测试</li>
</ol>
<p><img src="https://raw.githubusercontent.com/mosishall/images.github.io/master/crgithub_upload_remote/github_blogs/19.jpg"></p>
<div class="note success"><p>聪明的小机智是否搭建测试成功了呢，欢迎以评论，和邮箱的方式留下你的任何问题。</p></div>
      </section>

      
      
        <nav class="article-nav">
          
            <div class="article-nav-item layout-padding">
  <article class="card-container article-nav-card content-padding--primary soft-size--large soft-style--box">
    
    <div class="card-text">
      
        <a href="/blog/2019/03/27/markdown%E6%96%87%E7%AB%A0%E5%88%86%E7%B1%BB%E5%92%8C%E6%A0%87%E7%AD%BE/" itemprop="url">
          <h2 class="card-text--title text-ellipsis">markdown文章分类和标签</h2>
        </a>
      
      <div class="card-text--row">Newer</div>
    </div>
  </article>
</div>
          
          
            <div class="article-nav-item layout-padding">
  <article class="card-container article-nav-card content-padding--primary soft-size--large soft-style--box">
    
    <div class="card-text">
      
        <a href="/blog/2019/03/17/markdown%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95/" itemprop="url">
          <h2 class="card-text--title text-ellipsis">Markdown语法记录</h2>
        </a>
      
      <div class="card-text--row">Older</div>
    </div>
  </article>
</div>
          
        </nav>
      

      <section class="page-message-container layout-padding">
        


  
  
    <div class="valine-container comments-container content-padding--primary soft-size--large soft-style--box">
      <div id="valine_thread" class="valine-thread"></div>
    </div>
    <script type="text/javascript" src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script type="text/javascript" src='//unpkg.com/valine/dist/Valine.min.js'></script>
    <script type="text/javascript">
      new Valine({
        el: "#valine_thread",
        appId: "Gb2cEwlWnKgKU91Q9t5ruqXI-gzGzoHsz",
        appKey: "vamb0g25DKBaFuIAGRGAjTuG",
        avatar: "mm",
        placeholder: "随便说点什么叭～",
        notify: true,
        visitor: true,
        pageSize: 10,
      });
    </script>
  

  
  


      </section>
    </div>
    <div class="widget-info">
      <section class="widget-author widget-item layout-margin content-padding--primary soft-size--large soft-style--box">
  <div class="widget-body">
    
      <img src="https://s.gravatar.com/avatar/2d6b803eea37de0257620d5fabee7e64?s=200&amp;r=g&amp;d=retro" class="soft-size--round soft-style--box" alt="mosiShall">
    
    
      <h2>mosiShall</h2>
    
    
      <p>-夕阳落剑复少年-</p>
    

    <div class="count-box">
      <div class="count-box--item">
        <svg class="icon icon-article" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M240.51564747 647.74217627h196.07203239c16.59071043 0 30.16492806-13.57421762 30.16492805-30.16492806V165.10332731c0-33.18142087-30.16492806-60.32985613-60.32985612-60.32985611H245.04038668C225.43318342 104.7734712 210.35071939 119.85593522 210.35071939 139.46313845V617.57724821c0 16.59071043 13.57421762 30.16492806 30.16492808 30.16492806z m663.62841731-452.47392089v482.63884894c0 33.18142087-27.14843525 60.32985613-60.32985612 60.32985613H180.18579134c-33.18142087 0-60.32985613-27.14843525-60.32985612-60.32985613V195.26825538c-49.77213131 0-90.49478418 40.72265287-90.49478417 90.49478417v452.4739209c0 49.77213131 40.72265287 90.49478418 90.49478417 90.49478417h286.56681657c16.59071043 0 30.16492806 13.57421762 30.16492807 30.16492807s13.57421762 30.16492806 30.16492805 30.16492806h90.49478418c16.59071043 0 30.16492806-13.57421762 30.16492805-30.16492806s13.57421762-30.16492806 30.16492807-30.16492807h286.56681657c49.77213131 0 90.49478418-40.72265287 90.49478417-90.49478417V285.76303955c0-49.77213131-40.72265287-90.49478418-90.49478417-90.49478417zM587.41232014 647.74217627h191.54729318c19.60720323 0 34.68966726-15.08246403 34.68966729-34.68966727V134.93839925c0-16.59071043-13.57421762-30.16492806-30.16492808-30.16492805H617.57724821c-30.16492806 0-60.32985613 27.14843525-60.32985612 60.32985611v452.4739209c0 16.59071043 13.57421762 30.16492806 30.16492805 30.16492806z" fill="currentColor"></path>
</svg>
        <span>8</span>
      </div>
      <div class="count-box--item">
        <svg class="icon icon-categories" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M900.3614811 257.09082106h-339.81629553l-67.96326003-101.9448889c-19.41807444-29.12711113-48.54518557-43.69066667-82.52681443-43.69066667H123.6385189c-53.39970333 0-97.09036999 43.69066667-97.09037113 97.09036999v582.54222222c0 53.39970333 43.69066667 97.09036999 97.09037113 97.09037002h776.7229622c53.39970333 0 97.09036999-43.69066667 97.09037113-97.09037002V354.18119104c0-53.39970333-43.69066667-97.09036999-97.09037113-97.09036998z m-97.09036999 242.72592554H220.72888889c-24.27259221 0-48.54518557-24.27259221-48.54518556-48.54518556s24.27259221-48.54518557 48.54518556-48.54518444h582.54222222c24.27259221 0 48.54518557 24.27259221 48.54518556 48.54518444s-24.27259221 48.54518557-48.54518556 48.54518556z" fill="currentColor"></path>
</svg>
        3
      </div>
      <div class="count-box--item">
        <svg class="icon icon-tags" viewBox="0 0 1098 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M283.42180005 272q0-28.38857157-20.09142843-48.48000001t-48.47999998-20.09142842-48.48000002 20.09142842-20.09142846 48.48000001 20.09142846 48.48 48.48000002 20.09142843 48.47999998-20.09142843 20.09142843-48.48zM855.0332285 580.57142843q0 28.38857157-19.81714313 48.2057147l-263.03999997 263.58857157q-20.9142853 19.81714313-48.75428534 19.81714312-28.38857157 0-48.20571468-19.81714312l-383.04-383.58857157q-20.36571468-19.81714313-34.55999999-54.10285688t-14.19428534-62.6742853l0-222.85714313q0-27.84000002 20.36571469-48.20571469t48.2057147-20.36571466l222.85714313 0q28.38857157 0 62.6742853 14.19428529t54.65142842 34.55999999l383.04000001 382.49142843q19.81714313 20.9142853 19.81714314 48.75428532zM1060.74751475 580.57142843q0 28.38857157-19.81714313 48.2057147l-263.04 263.58857157q-20.9142853 19.81714313-48.75428531 19.81714312-19.26857155 0-31.61142843-7.47428531t-28.38857159-24.13714314l251.79428534-251.7942853q19.81714313-19.81714313 19.81714308-48.20571469 0-27.84000002-19.81714308-48.75428531l-383.04000001-382.49142845q-20.36571468-20.36571468-54.65142842-34.55999999t-62.67428532-14.19428534l120 0q28.38857157 0 62.67428532 14.19428534t54.65142842 34.55999999l383.03999998 382.49142845q19.81714313 20.9142853 19.81714314 48.75428531z" fill="currentColor"></path>
</svg>
        6
      </div>
    </div>
  </div>
</section>

      

      
<section class="widet-notice widget-item layout-margin content-padding--primary soft-size--large soft-style--box">
  <div class="widget-title">
    <svg class="icon icon-notice" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M512 945.02305225v28.15620663a24.27259221 24.27259221 0 0 1-24.27259221 24.27259335H394.0352a48.54518557 48.54518557 0 0 1-41.74885888-23.78714112l-110.68302222-184.47170332a132.04290333 132.04290333 0 0 1-17.47626667-48.54518557h118.4502511a200.97706667 200.97706667 0 0 1 76.21594113 14.56355556l20.38897777 133.49925888a48.54518557 48.54518557 0 0 0 36.40888888 27.67075555l16.01991111 2.91271112a24.27259221 24.27259221 0 0 1 20.38897778 25.72894889zM997.45185223 463.45481443a194.18074112 194.18074112 0 0 1-38.8361489 116.50844445 24.75804445 24.75804445 0 0 1-36.4088889 0l-34.95253333-34.95253333a24.27259221 24.27259221 0 0 1-2.91271111-30.58346667 97.09036999 97.09036999 0 0 0 0-106.79940665 24.27259221 24.27259221 0 0 1 2.91271111-30.58346666l34.95253333-34.95253334a24.75804445 24.75804445 0 0 1 18.93262223-7.28177777 26.2144 26.2144 0 0 1 17.47626667 9.70903665A194.18074112 194.18074112 0 0 1 997.45185223 463.45481443z m-194.18074112-388.36148111v776.72296335a48.54518557 48.54518557 0 0 1-48.54518556 48.54518443h-28.64165888a48.54518557 48.54518557 0 0 1-33.98163001-14.07810332l-145.63555556-143.20829668A291.27111111 291.27111111 0 0 0 342.57730333 657.63555556H172.18370333a145.63555556 145.63555556 0 0 1-145.63555556-145.63555556v-97.09036999a145.63555556 145.63555556 0 0 1 145.63555556-145.63555556h170.3936a291.27111111 291.27111111 0 0 0 206.31703779-85.43952668l145.63555555-143.20829554a48.54518557 48.54518557 0 0 1 33.98162888-14.07810446H754.72592555a48.54518557 48.54518557 0 0 1 48.54518556 48.54518555z" fill="currentColor"></path>
</svg>
    <span>NOTICE</span>
  </div>
  <div class="widget-body">
    <p>-天干物燥，小心火烛-</p>
  </div>
</section>


      <section class="widget-categorys widget-item layout-margin content-padding--primary soft-size--large soft-style--box">
  <div class="widget-title">
    <svg class="icon icon-categories" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M900.3614811 257.09082106h-339.81629553l-67.96326003-101.9448889c-19.41807444-29.12711113-48.54518557-43.69066667-82.52681443-43.69066667H123.6385189c-53.39970333 0-97.09036999 43.69066667-97.09037113 97.09036999v582.54222222c0 53.39970333 43.69066667 97.09036999 97.09037113 97.09037002h776.7229622c53.39970333 0 97.09036999-43.69066667 97.09037113-97.09037002V354.18119104c0-53.39970333-43.69066667-97.09036999-97.09037113-97.09036998z m-97.09036999 242.72592554H220.72888889c-24.27259221 0-48.54518557-24.27259221-48.54518556-48.54518556s24.27259221-48.54518557 48.54518556-48.54518444h582.54222222c24.27259221 0 48.54518557 24.27259221 48.54518556 48.54518444s-24.27259221 48.54518557-48.54518556 48.54518556z" fill="currentColor"></path>
</svg>
    <span>CATEGORYS</span>
  </div>
  <div class="widget-body">
    <ul class="categorys-list">
      
        <li class="categorys-list-item">
          <a href="/blog/categories/Markdown%E8%AF%AD%E6%B3%95/">
            Markdown语法 (2)
          </a>
        </li>
      
        <li class="categorys-list-item">
          <a href="/blog/categories/GitHub%E4%B8%8A%E4%BC%A0%E6%96%87%E4%BB%B6/">
            GitHub上传文件 (1)
          </a>
        </li>
      
        <li class="categorys-list-item">
          <a href="/blog/categories/%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/">
            搭建博客 (1)
          </a>
        </li>
      
    </ul>
  </div>
</section>

      <section class="widget-tags widget-item  layout-margin content-padding--primary soft-size--large soft-style--box">
  <div class="widget-title">
    <svg class="icon icon-tags" viewBox="0 0 1098 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M283.42180005 272q0-28.38857157-20.09142843-48.48000001t-48.47999998-20.09142842-48.48000002 20.09142842-20.09142846 48.48000001 20.09142846 48.48 48.48000002 20.09142843 48.47999998-20.09142843 20.09142843-48.48zM855.0332285 580.57142843q0 28.38857157-19.81714313 48.2057147l-263.03999997 263.58857157q-20.9142853 19.81714313-48.75428534 19.81714312-28.38857157 0-48.20571468-19.81714312l-383.04-383.58857157q-20.36571468-19.81714313-34.55999999-54.10285688t-14.19428534-62.6742853l0-222.85714313q0-27.84000002 20.36571469-48.20571469t48.2057147-20.36571466l222.85714313 0q28.38857157 0 62.6742853 14.19428529t54.65142842 34.55999999l383.04000001 382.49142843q19.81714313 20.9142853 19.81714314 48.75428532zM1060.74751475 580.57142843q0 28.38857157-19.81714313 48.2057147l-263.04 263.58857157q-20.9142853 19.81714313-48.75428531 19.81714312-19.26857155 0-31.61142843-7.47428531t-28.38857159-24.13714314l251.79428534-251.7942853q19.81714313-19.81714313 19.81714308-48.20571469 0-27.84000002-19.81714308-48.75428531l-383.04000001-382.49142845q-20.36571468-20.36571468-54.65142842-34.55999999t-62.67428532-14.19428534l120 0q28.38857157 0 62.67428532 14.19428534t54.65142842 34.55999999l383.03999998 382.49142845q19.81714313 20.9142853 19.81714314 48.75428531z" fill="currentColor"></path>
</svg>
    <span>TAGS</span>
  </div>
  <div class="widget-body">
    <div class="tags-cloud">
      <a href="/blog/tags/Chrome/" style="font-size: 10px;" class="tags-cloud-0">Chrome</a> <a href="/blog/tags/DNS/" style="font-size: 15px;" class="tags-cloud-5">DNS</a> <a href="/blog/tags/Firefox/" style="font-size: 10px;" class="tags-cloud-0">Firefox</a> <a href="/blog/tags/GitHub/" style="font-size: 15px;" class="tags-cloud-5">GitHub</a> <a href="/blog/tags/Hexo/" style="font-size: 20px;" class="tags-cloud-10">Hexo</a> <a href="/blog/tags/Markdown/" style="font-size: 15px;" class="tags-cloud-5">Markdown</a>
    </div>
  </div>
</section>
    </div>
  </article>
</div>

    <!-- footer container -->
<footer id="footer" class="footer">
  <div class="footer-container">
    
    <div class="social-icons">
      
        
      
        
      
        
      
        
          <a href="https://github.com/mosishall" class="soft-size--primary soft-style--box" target="_blank" rel="noopener noreferrer">
            <svg class="icon icon-github" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M64.6 512c0 195.6 125.4 361.9 300.1 422.9 23.5 5.9 19.9-10.8 19.9-22.2v-77.6c-135.8 15.9-141.3-74-150.5-89-18.5-31.5-61.9-39.5-49-54.5 31-15.9 62.5 4 98.9 58 26.4 39.1 77.9 32.5 104.1 26 5.7-23.5 17.9-44.5 34.7-60.9-140.7-25.2-199.4-111.1-199.4-213.3 0-49.5 16.4-95.1 48.4-131.8-20.4-60.6 1.9-112.4 4.9-120.1 58.2-5.2 118.5 41.6 123.3 45.3 33.1-8.9 70.8-13.7 112.9-13.7 42.4 0 80.3 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.4-43.9 2.9 7.7 24.7 58.3 5.5 118.1 32.5 36.8 49 82.8 49 132.4 0 102.3-59 188.3-200.2 213.2 23.5 23.3 38.1 55.5 38.1 91.1v112.7c0.8 9 0 17.9 15.1 17.9C832.7 877 960.4 709.4 960.4 512.1c0-247.5-200.6-447.9-447.9-447.9C265 64.1 64.6 264.5 64.6 512z"></path>
</svg>
          </a>
        
      
        
      
    </div>
     
    <p>&copy; 2022 <a href="/" target="_blank">mosishall</a></p>

    

  

    <p>
      <a href="javascript:;" id="theme-light">🌞 浅色</a>
      <a href="javascript:;" id="theme-dark">🌛 深色</a>
      <a href="javascript:;" id="theme-auto">🤖️ 自动</a>
    </p>
  </div>
</footer>
  </div>

  <div class="back-to-top-fixed soft-size--round soft-style--box">
    <svg class="icon icon-back-to-top" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
      <path d="M725.333333 426.666667c-12.8 0-21.333333-4.266667-29.866667-12.8l-213.333333-213.333333c-17.066667-17.066667-17.066667-42.666667 0-59.733333s42.666667-17.066667 59.733333 0l213.333333 213.333333c17.066667 17.066667 17.066667 42.666667 0 59.733333C746.666667 422.4 738.133333 426.666667 725.333333 426.666667z"></path>
      <path d="M298.666667 426.666667c-12.8 0-21.333333-4.266667-29.866667-12.8-17.066667-17.066667-17.066667-42.666667 0-59.733333l213.333333-213.333333c17.066667-17.066667 42.666667-17.066667 59.733333 0s17.066667 42.666667 0 59.733333l-213.333333 213.333333C320 422.4 311.466667 426.666667 298.666667 426.666667z"></path>
      <path d="M512 896c-25.6 0-42.666667-17.066667-42.666667-42.666667L469.333333 170.666667c0-25.6 17.066667-42.666667 42.666667-42.666667s42.666667 17.066667 42.666667 42.666667l0 682.666667C554.666667 878.933333 537.6 896 512 896z"></path>
    </svg>
  </div>

  
  <!-- aplayer -->


<!-- dplayer -->




  


  


  




<script src="/blog/js/script.js"></script>


  
  <!-- 尾部用户自定义相关内容 -->
<script src="/blog/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/blog/live2dw/assets/haru02.model.json"},"display":{"position":"right","width":150,"height":400},"mobile":{"show":false},"log":false});</script></body>
</html>